//虚拟机管理
(function($){
	$(function(){
		var resizePage = (function () {
            $("body , .virtual-page").height($(window).height());
            var ww = $(window).width(),
                wh = $("body").innerHeight(),
                searchH = $(".search-panel").outerHeight(true),
                footerH = $(".table-footer").outerHeight(true),
                ulHeaderH = $(".ul_head").outerHeight(true),
                $ulBody = $(".ul_body");

            $ulBody.height(wh - searchH - footerH - ulHeaderH);
            return arguments.callee;
        })();

        $(window).resize(resizePage);
        
        var top = window.parent.parent;
        
		//搜索相关
		$(".search-panel")
			//填写更多搜索内容
			.on("click",".show-more-search",function(e){
				e.stopPropagation();
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(".search-back-btn").hide();
					$(".more-search").hide();
				}else{
					$(this).addClass("up");
					$(".search-back-btn").show();
					$(".more-search").show();
				}
				//点击页面其他区域隐藏更多搜索条件
				$(document).on("click.moreSearch",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".more-search").length == 0 && 
	                	$(evt).closest(".search-show").length == 0 && $(evt).closest(".jedatebox").length == 0) {
	                    $(".show-more-search").removeClass("up");
						$(".search-back-btn").hide();
						$(".more-search").hide();
	                    $(document).off("click.moreSearch");
	                }
	            })
			})
			//点击关闭批量操作(X)按钮
			.on("click",".close-batch-handle",function(e){
				e.stopPropagation();
				//隐藏操作栏
				$(".search-panel").addClass("of-h");
				$(".batch-handle").animate({left:"-100%"},1000,function(){
					$(".search-panel").removeClass("of-h");
					$(this).addClass("d-n");
				});
				$("#checkedCount").text(0);
				$(".check-all").removeClass("checked");
				$(".ul_body").find(".li_tr").removeClass("active");
			})
			//创建虚拟机弹出页面
			.on("click","#createVirtual",function(){
				top.$.popShow("pages/virtualManage/create_virtual.html");
			})
			
		//table列表相关
		$(".table")
			//展开状态下拉搜索栏
			.on("click",".state-search",function(){
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(this).closest(".state-panel").removeClass("on");
				}else{
					$(this).addClass("up");
					$(this).closest(".state-panel").addClass("on");
				}
				//点击页面其他区域隐藏状态下拉
				$(document).on("click.state",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".state-panel").length == 0) {
	                    $(".state-search").removeClass("up");
						$(".state-panel").removeClass("on");
	                    $(document).off("click.state");
	                }
	            })
			})
			//按状态搜索
			.on("click",".state-select li",function(e){
				e.stopPropagation();
				$(".state-select").find(".select_option").removeClass("active");
				$(".state-search").removeClass("up");
				$(this).closest(".state-panel").removeClass("on");
				$(this).addClass("active");
				//stateType的值为(1,2,3,4)分别对应(全部，运行中，已关机，错误)
				var stateType = $(this).attr("sid");
				console.log(stateType);
			})
			//展开更多操作按钮
			.on("click",".show-more-handle",function(){
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(this).closest(".handle-select").removeClass("on up");
				}else{
					$(".show-more-handle").removeClass("up");
					$(".handle-select").removeClass("on up");
					$(this).addClass("up");
					$(this).closest(".handle-select").addClass("on");
					if(($(".table-footer").offset().top - $(this).closest(".li_tr").offset().top)<78){
						$(this).closest(".handle-select").addClass("up");
					}
				}
				//点击页面其他区域隐藏更多操作
				$(document).on("click.moreHandle",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".handle-select").length == 0) {
	                    $(".show-more-handle").removeClass("up");
						$(".show-more-handle").closest(".handle-select").removeClass("on");
	                    $(document).off("click.moreHandle");
	                }
	            })
			})
			//点击全选按钮
			.on("click","#checkAll",function(){
				if($(this).hasClass("checked")){
					$(".check-all").removeClass("checked");
					$(".li_tr").removeClass("active");
				}else{
					$(".check-all").addClass("checked");
					$(".li_tr").addClass("active");
				}
				selectAll();
			})
			//点击单选按钮
			.on("click",".check-radio",function(){
				if($(this).hasClass("checked")){
					$(this).removeClass("checked");
					$(this).closest(".li_tr").removeClass("active");
				}else{
					$(this).addClass("checked");
					$(this).closest(".li_tr").addClass("active");
				};
				selectAll();
			})
			//虚拟机详情
			.on("click",".user-name",function(e){
				e.stopPropagation();
				$("#test",top.document).attr("num","123");
				console.log($("#test",top.document));
				top.$.popShow("pages/virtualManage/virtual_detail.html");
			})
			//创建快照
			.on("click",".create-snapshot",function(e){
				e.stopPropagation();
				top.$.popShow("pages/virtualManage/create_snapshot.html");
			})
			//分配IP
			.on("click",".set-ip",function(e){
				e.stopPropagation();
				top.$.popShow("pages/virtualManage/set_ip.html");
			})
			
		//点击单选时判断是否已选中所有列表
		function selectAll(){
			var listNum = $(".ul_body").find(".li_tr").length,
				checkedNum = $(".ul_body").find(".check-all.checked").length;
			$(".search-panel").addClass("of-h");
			$("#checkedCount").text(checkedNum);
			$(".batch-handle").stop();
			if(checkedNum == 0){
				$(".batch-handle").animate({left:"-100%"},600,function(){
					$(".search-panel").removeClass("of-h");
					$(this).addClass("d-n");
				});
			}else if(checkedNum >= 1){	
				$(".batch-handle").removeClass("d-n").animate({left:"0"},600,function(){
					$(".search-panel").removeClass("of-h");
				});
			}
			if(checkedNum < listNum){
				$("#checkAll").removeClass("checked");
			}else if(checkedNum == listNum){
				$("#checkAll").addClass("checked");
			}
		};
		
		//时间输入框或得焦点时
		$(".time-box")
			.on("focus",function(){
				$(this).closest(".time-panel").addClass("on");
			})
			.on("blur",function(){
				$(this).closest(".time-panel").removeClass("on");
			});
		
		//搜索时间段选择
		var start = {
		    dateCell: '.start-time',
		    format: 'YYYY-MM-DD hh:mm',
		    minDate: '2014-06-16 23:59:59', //设定最小日期为当前日期
			festival:true,
		    maxDate: '2099-06-16 23:59:59', //最大日期
		   isTime: true,
		    choosefun: function(datas){
		         end.minDate = datas; //开始日选好后，重置结束日的最小日期
		    }
		};
		var end = {
		    dateCell: '.end-time',
		    format: 'YYYY-MM-DD hh:mm',
		    minDate: jeDate.now(0), //设定最小日期为当前日期
			festival:true,
		    maxDate: '2099-06-16 23:59:59', //最大日期
		    isTime: true,
		    choosefun: function(datas){
		         start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
		    },
			okfun:function(val){alert(val)}
		};
		jeDate(start);
		jeDate(end);
		
		//分页		
        var initPagination = function() {
            var total_page = 50;
            $("#pagination").pagination(total_page,{
				items_per_page : 1,
				prev_text:"上一页",
	            next_text:"下一页",
	            num_edge_entries : 3,
	            ellipse_text : '...',
	            num_display_entries : 5	,
	            callback: page_callback,
	            link_to : 'javascript:void(0)'
			});
        }();
        //分页点击回调
        function page_callback(page_index, jq){
        	alert(1);
            return false;
        }
		
		//添加滚动条
		$(".ul_body").niceScroll({
            cursorcolor:"#0099ff",
            autohidemode:false
        });
		
	})
	
})(jQuery)

